<!DOCTYPE html>
<html lang="ch-CN">
<head>
    <meta charset="UTF-8">
    <title>正则表达式</title>
</head>
<style>
    body {
        width: 100%;
        height: 100vh;
        background-color: wheat;
        font-size: 30px;
        text-decoration: none;
        font-family: "华文楷体";
    }

    p {
        font-size: 40px;
        margin: 20px 0 0 0;
        font-weight: bold;
    }

    span {
        display: block;
        line-height: 50px;
    }

    a {
        color: fuchsia;
        text-decoration: none;
    }

    a:hover {
        color: skyblue;
    }
</style>
<body>
<span><a href="https://www.w3school.com.cn/js/js_regexp.asp">点击查看详情</a></span>
</body>
<script>
    //判断是否是和发的移动电话号
    {
        document.write("<p>移动电话是否合法：</p>")
        let phone = ["12345678912", "13565458972"]
        // 使用字面量定义正则表达式
        /*
            * ^1 -- 必须是以 1 开头
            * [3-9] -- 第二位是 3-9 的数
            * [0-9] -- 第三位是 0-9 的数
            * {9} -- 连续九个数都是它前面的规则
            * $ -- 结尾是 0~9 的数字
        */
        let phone_Reg = /^1[3-9][0-9]{9}$/
        for (let i = 0; i < phone.length; i++) {
            if (phone_Reg.test(phone[i])) {
                document.write("<span>" + phone[i] + ":合法</span>")
            } else {
                document.write("<span>" + phone[i] + ":不合法</span>")
            }
        }
    }
    //判断QQ邮箱是否合法
    {
        document.write("<p>QQ邮箱是否合法：</p>")
        // 邮箱中的 . 需要用到转义字符 \ 例如：/^\./ 判断是否以 . 开头

        let email=["1556977568@qq.com","15569775@qq.com","1556977568","15569@qq.com",
                   "1556977568@qq","1556977568@qq.","1556977568@qqcom"]
        // 使用字面量定义正则表达式

        /*
            * ^[1-9] —— 必须以[1-9]的数字开头
            * \d —— 任意数字[0-9]
            * {7,9} —— 连续7~9位数按照前面的规则
            * @ —— 这一位必须是@符号
            * q{2} —— 连续出现2个q
            * \. —— 使用转义字符输出符号 .
            * com —— 倒数1 2 3位是com
            * $ —— 以m结尾
        */
        let email_Reg=/^[1-9]\d{7,9}@q{2}\.com$/

        for (let i = 0; i < email.length; i++) {
            if (email_Reg.test(email[i])) {
                document.write("<span>" + email[i] + ":合法</span>")
            } else {
                document.write("<span>" + email[i] + ":不合法</span>")
            }
        }
    }
</script>
</html>